.container {
  background: #000;
  color: rgba(255, 255, 255, 0.5);
  border: 1px solid #cacaca;
  height: 100vh;
}
.panelTabs {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  .ant-tabs-nav-list {
    border-right: 1px solid #cacaca;
  }
  .ant-tabs-nav {
    .ant-tabs-tab {
      background: #000;
      border-color: #c0c0c0;
    }
    .ant-tabs-tab-btn {
      &:focus {
        color: #c0c0c0;
      }
    }
    .ant-tabs-tab-active {
      background: #282828;
      color: #fff;
      .ant-tabs-tab-btn {
        color: #fff;
        &:focus {
          color: #fff;
        }
      }
    }
  }
  .ant-tabs-tab-remove {
    &:focus {
      color: #fff;
    }
  }
  .ant-tabs-tab-btn {
    transition: none;
    &:active {
      color: #fff;
    }
  }
  .ant-tabs-tab-remove {
    &:active {
      color: #fff;
    }
  }
  .ant-tabs-nav {
    margin-bottom: 0;
    .ant-tabs-tab {
      font-size: 14px;
      border-right: 0;
      transition: none;
      &:hover {
        color: #fff;
      }
    }
    .ant-tabs-nav-more {
      padding: 5px;
      border: 1px solid #fff;
    }
  }
}
.btn {
  width: 100%;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
  border-right: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  &:first-child {
    border-left: 1px solid #c0c0c0;
  }
}
div.active {
  background: #282828;
  color: #fff;
}
.panelList {
  color: #cacaca;
  max-height: 100vh;
  background: #000;
  text-align: center;
  .header {
    line-height: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .item {
    color: #fff;
    border-bottom: 1px solid #000;
    line-height: 30px;
    cursor: pointer;
    &:hover {
      background: #282828;
      // border-bottom: 1px solid #ff0;
    }
  }
  .active {
    background: #282828;
    border-bottom: 1px solid #ff0;
  }
}
.waningList {
  text-align: left;
  font-size: 14px;
  // padding-left: 5px;
  .item {
    line-height: 44px;
  }
}
.red {
  color: #ff3232;
}
.green {
  color: #00e600;
}
.contextMenu {
  position: absolute;
  background: #fff;
  color: #000;
  border-radius: 5px;
  border: 1px solid #fff;
  width: 100px;
  text-align: center;
  line-height: 30px;
  .menuList {
    cursor: pointer;
    &:hover {
      background: #cfcfcf;
    }
  }
}
.panelBadge {
  background: #ff4d4f;
  text-align: center;
  line-height: 20px;
  border-radius: 10px;
  color: #fff;
  white-space: nowrap;
  z-index: auto;
  padding: 0 4px;
}
.trading {
  background: #d9363e;
  font-size: 12px;
  color: #fff;
  border-radius: 5px;
  height: 18px;
  padding: 1px 5px 1px 5px;
  display: inline-block;
}
.link {
  cursor: pointer;
  &:hover {
    color: #fff;
  }
}

/****** 黑暗模式的table *****/
.ant-table {
  padding: 0 5px;
  background: #000;
  color: #cacaca;
  .ant-table-thead {
    tr {
      th {
        color: #cacaca;
        background: #000;
        .ant-table-column-sorter-up.active,
        .ant-table-column-sorter-down.active {
          color: #fff;
        }
        &.ant-table-cell-fix-left,
        &.ant-table-cell-fix-right {
          background: #181818;
        }
      }
    }
  }

  .ant-table-tbody {
    tr.blackRow {
      td {
        padding: 0;
        border-bottom: 0;
      }
      td.ant-table-column-sort {
        background: #181818;
      }
      &:hover {
        td {
          background: #282828;
        }
      }
    }
    tr.ant-table-row:hover > td,
    tr > td.ant-table-cell-row-hover {
      background: #282828;
    }
    .rowActive {
      background: #282828;
      .ant-table-cell-fix-left,
      .ant-table-cell-fix-right,
      td.ant-table-column-sort {
        background: #282828;
      }
    }
  }
  .ant-table-cell-fix-left,
  .ant-table-cell-fix-right {
    background: #181818;
  }
}
.ant-table-wrapper {
  .ant-pagination {
    margin: 0;
    padding: 16px 0;
    background: #000;
    color: #cacaca;
    .anticon {
      color: #cacaca;
    }
    .ant-pagination-item {
      a {
        color: #cacaca;
      }
    }
    .ant-pagination-item-active {
      background: #000;
      border-color: #cacaca;
    }
    .ant-pagination-item-ellipsis {
      color: #cacaca;
    }
  }
}
.openItem {
  position: absolute;
}
